<template>
	<div id="app">
		<div class="tksp">
			<span class="heiz"><span class="pil">|</span>&emsp;操作员管理</span>
			<span class="ssp">首页&nbsp;>&nbsp;<span class="tun">操作员管理</span></span>
		</div>
		<div class="jin ss">
			<span class="qqrq">状态：</span>
			<el-radio-group v-model="radio1">
				<el-radio-button label="全部"></el-radio-button>
				<el-radio-button label="未锁定"></el-radio-button>
				<el-radio-button label="锁定"></el-radio-button>
				<el-radio-button label="已注销"></el-radio-button>
			</el-radio-group>
			<router-link to="/home/operator/guanli"><span class="xinjian">新建管理员</span></router-link>
		</div>
		<div class="biaozi">
			<el-table :data="tableData" border style="width: 98%" class="biaoz1">
				<el-table-column class="biaozi2" fixed prop="date" label="创建时间" width="178">
				</el-table-column>
				<el-table-column class="biaozi2" prop="name" label="登录名" width="160">
				</el-table-column>
				<el-table-column class="biaozi2" prop="province" label="真实姓名" width="178">
				</el-table-column>
				<el-table-column class="biaozi2" prop="city" label="部门" width="114">
				</el-table-column>
				<el-table-column class="biaozi2" prop="address" label="职务" width="114">
				</el-table-column>
				<el-table-column class="biaozi2" prop="zip" label="手机号" width="200">
				</el-table-column>
				<el-table-column class="biaozi2" prop="zt" label="状态" width="114">
				</el-table-column>
				<el-table-column class="biaozi2" fixed="right" prop="btn" label="操作" width="200">
					<el-button type="text">查看并修改</el-button>
					<el-button type="text">锁定</el-button>
					<el-button type="text">注销</el-button>
				</el-table-column>
			</el-table>
			<el-table :data="tableDatas" border style="width: 98%;" class="biaoz2" :show-header="false">
				<el-table-column class="biaozi2" fixed prop="date" label="" width="178">
				</el-table-column>
				<el-table-column class="biaozi2" prop="name" label="" width="160">
				</el-table-column>
				<el-table-column class="biaozi2" prop="province" label="" width="178">
				</el-table-column>
				<el-table-column class="biaozi2" prop="city" label="" width="114">
				</el-table-column>
				<el-table-column class="biaozi2" prop="address" label="" width="114">
				</el-table-column>
				<el-table-column class="biaozi2" prop="zip" label="" width="200">
				</el-table-column>
				<el-table-column class="biaozi2" prop="zt" label="" width="114">
				</el-table-column>
				<el-table-column class="biaozi2" fixed="right" prop="btn" label="" width="200">
					<el-button type="text">解锁</el-button>
					<el-button type="text">查看并修改</el-button>
					<el-button type="text">注销</el-button>
				</el-table-column>
			</el-table>
		</div>
		<div class="footer">- 壹钱包商户服务平台 -</div>
	</div>
</template>

<script>
	export default {
		methods: {

		},

		data() {
			return {

				tableData: [{
					da: "",
					date: '创建时间',
					name: '登录名',
					province: '真实姓名',
					city: '部门',
					address: '职务',
					zip: '187****8888',
					zt: '状态',

				}, ],
				tableDatas: [{
					da: "",
					date: '创建时间',
					name: '登录名',
					province: '真实姓名',
					city: '部门',
					address: '职务',
					zip: '187****8888',
					zt: '状态',

				}, ],
				radio1: '1',
				radio2: '1',
				radio3: '1',
				radio4: '1',
			}
		}
	}
</script>


<style scoped="scoped">
	* {
		margin: 0;
		padding: 0;
	}


	.footer {
		width: 98%;
		text-align: center;
		margin-top: 80px;
		font-size: 10px;
		color: #999999;
	}

	.xinjian {
		width: 114px;
		height: 34px;
		text-align: center;
		line-height: 34px;
		display: inline-block;
		float: right;
		margin-right: 1%;
		border: 1px solid #0064c1;
		color: #0064c1;
	}

	.tksp {
		width: 98%;
		height: 68px;
		line-height: 68px;
		margin-left: 1%;
		border-bottom: 1px solid #dddddd;
	}

	.heiz {
		display: inline-block;
		float: left;
		font-size: 20px;
	}

	.pil {
		color: #1d85d7;
	}

	.ssp {
		display: inline-block;
		float: right;
		font-size: 13px;
		margin-right: 1%;
		color: #666666;
	}

	.tun {
		font-size: 13px;
		color: #666666;
		font-weight: 600;
	}

	.jin {
		display: inline-block;
		float: left;
		width: 98%;
		margin-left: 1%;
		margin-top: 20px;
	}

	.qqrq {
		font-size: 10px;
		color: #333333;
	}

	.biaozi {
		display: inline-block;
		margin-top: 20px;
		text-align: center;
	}

	div.cell {
		text-align: center;
	}

	.biaozi2 {
		text-align: left;
	}
</style>
